<template>
  <div style="padding:0px 10px;">
    <Row type="flex" justify="center" :gutter="20">
      <i-col :span="16">
        <Row style="margin: 20px 10px auto 10px;">
          <MonitorPlayer></MonitorPlayer>
        </Row>
      </i-col>
      <i-col :span="8">
        <Row style="margin-top:20px;">
          <MonitorStatistics></MonitorStatistics>
        </Row>
        <Row style="margin-top:0px;">
          <monitor-events-table>
          </monitor-events-table>
        </Row>
        
      </i-col> 
    </Row>
  </div>
</template>

<script>
import MonitorPlayer from './monitorPlayer'
import MonitorStatistics from './monitorStatistics'
import MonitorEventsTable from './monitorEventsTable'

var node_schedule = require("node-schedule");

export default {
  components: {
    MonitorPlayer,
    MonitorStatistics,
    MonitorEventsTable
    
  }
}
</script>
<style lang="less">
</style>



